<!DOCTYPE html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/favicon-48x48.97046865.png">
    <link rel="apple-touch-icon" href="/apple-touch-icon.0ea0fa02.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="manifest" href="/manifest.56b1cedc.json">
    <script>
        Array.prototype.flat && Array.prototype.includes || document.write(
            '<script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.flat%2Ces6"><\/script>')
    </script>
    <title>HTML（超文本标记语言） | MDN</title>
    <link rel="preload" as="font" type="font/woff2" crossorigin=""
        href="/static/media/ZillaSlab-Bold.subset.0beac26b.woff2">
    <link rel="alternate" title="HTML（超文本标记语言）" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" hreflang="zh">
    <link rel="alternate" title="HTML：超文本標記語言" href="https://developer.mozilla.org/zh-TW/docs/Web/HTML" hreflang="zh">
    <link rel="alternate" title="HTML" href="https://developer.mozilla.org/ru/docs/Web/HTML" hreflang="ru">
    <link rel="alternate" title="HTML: Linguagem de Marcação de Hipertexto"
        href="https://developer.mozilla.org/pt-BR/docs/Web/HTML" hreflang="pt">
    <link rel="alternate" title="HTML" href="https://developer.mozilla.org/pl/docs/Web/HTML" hreflang="pl">
    <link rel="alternate" title="HTML: Hypertext Markup Language" href="https://developer.mozilla.org/ko/docs/Web/HTML"
        hreflang="ko">
    <link rel="alternate" title="HTML: HyperText Markup Language" href="https://developer.mozilla.org/ja/docs/Web/HTML"
        hreflang="ja">
    <link rel="alternate" title="HTML (HyperText Markup Language)" href="https://developer.mozilla.org/fr/docs/Web/HTML"
        hreflang="fr">
    <link rel="alternate" title="HTML: Lenguaje de etiquetas de hipertexto"
        href="https://developer.mozilla.org/es/docs/Web/HTML" hreflang="es">
    <link rel="alternate" title="HTML: HyperText Markup Language"
        href="https://developer.mozilla.org/en-US/docs/Web/HTML" hreflang="en">
    <link rel="alternate" title="HTML: HyperText Markup Language" href="https://developer.mozilla.org/de/docs/Web/HTML"
        hreflang="de">
    <meta name="description"
        content="HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;CSS），或功能与行为（如&nbsp;JavaScript）。HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;CSS），或功能与行为（如&nbsp;JavaScript）。">
    <meta property="og:url" content="https://developer.mozilla.org/zh-CN/docs/Web/HTML">
    <meta property="og:title" content="HTML（超文本标记语言） | MDN">
    <meta property="og:description"
        content="HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;CSS），或功能与行为（如&nbsp;JavaScript）。HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;CSS），或功能与行为（如&nbsp;JavaScript）。">
    <meta property="og:locale" content="zh-CN">
    <meta property="og:image" content="https://developer.mozilla.org/mdn-social-share.0ca9dbda.png">
    <meta property="twitter:card" content="summary_large_image">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML">
    <style media="print">
        .breadcrumbs-container,
        .document-toc-container,
        .language-menu,
        .language-toggle,
        .on-github,
        .page-footer,
        .page-header-main,
        nav.sidebar,
        ul.prev-next {
            display: none !important
        }

        .main-page-content,
        .main-page-content pre {
            padding: 2px
        }

        .main-page-content pre {
            border-left-width: 2px
        }
    </style>
    <link href="/static/css/main.061eafd4.chunk.css" rel="stylesheet">
    <script>
        LUX = (function () {
            var a = ("undefined" !== typeof (LUX) && "undefined" !== typeof (LUX.gaMarks) ? LUX.gaMarks : []);
            var d = ("undefined" !== typeof (LUX) && "undefined" !== typeof (LUX.gaMeasures) ? LUX.gaMeasures :
                []);
            var j = "LUX_start";
            var k = window.performance;
            var l = ("undefined" !== typeof (LUX) && LUX.ns ? LUX.ns : (Date.now ? Date.now() : +(new Date())));
            if (k && k.timing && k.timing.navigationStart) {
                l = k.timing.navigationStart
            }

            function f() {
                if (k && k.now) {
                    return k.now()
                }
                var o = Date.now ? Date.now() : +(new Date());
                return o - l
            }

            function b(n) {
                if (k) {
                    if (k.mark) {
                        return k.mark(n)
                    } else {
                        if (k.webkitMark) {
                            return k.webkitMark(n)
                        }
                    }
                }
                a.push({
                    name: n,
                    entryType: "mark",
                    startTime: f(),
                    duration: 0
                });
                return
            }

            function m(p, t, n) {
                if ("undefined" === typeof (t) && h(j)) {
                    t = j
                }
                if (k) {
                    if (k.measure) {
                        if (t) {
                            if (n) {
                                return k.measure(p, t, n)
                            } else {
                                return k.measure(p, t)
                            }
                        } else {
                            return k.measure(p)
                        }
                    } else {
                        if (k.webkitMeasure) {
                            return k.webkitMeasure(p, t, n)
                        }
                    }
                }
                var r = 0,
                    o = f();
                if (t) {
                    var s = h(t);
                    if (s) {
                        r = s.startTime
                    } else {
                        if (k && k.timing && k.timing[t]) {
                            r = k.timing[t] - k.timing.navigationStart
                        } else {
                            return
                        }
                    }
                }
                if (n) {
                    var q = h(n);
                    if (q) {
                        o = q.startTime
                    } else {
                        if (k && k.timing && k.timing[n]) {
                            o = k.timing[n] - k.timing.navigationStart
                        } else {
                            return
                        }
                    }
                }
                d.push({
                    name: p,
                    entryType: "measure",
                    startTime: r,
                    duration: (o - r)
                });
                return
            }

            function h(n) {
                return c(n, g())
            }

            function c(p, o) {
                for (i = o.length - 1; i >= 0; i--) {
                    var n = o[i];
                    if (p === n.name) {
                        return n
                    }
                }
                return undefined
            }

            function g() {
                if (k) {
                    if (k.getEntriesByType) {
                        return k.getEntriesByType("mark")
                    } else {
                        if (k.webkitGetEntriesByType) {
                            return k.webkitGetEntriesByType("mark")
                        }
                    }
                }
                return a
            }
            return {
                mark: b,
                measure: m,
                gaMarks: a,
                gaMeasures: d
            }
        })();
        LUX.ns = (Date.now ? Date.now() : +(new Date()));
        LUX.ac = [];
        LUX.cmd = function (a) {
            LUX.ac.push(a)
        };
        LUX.init = function () {
            LUX.cmd(["init"])
        };
        LUX.send = function () {
            LUX.cmd(["send"])
        };
        LUX.addData = function (a, b) {
            LUX.cmd(["addData", a, b])
        };
        LUX_ae = [];
        window.addEventListener("error", function (a) {
            LUX_ae.push(a)
        });
        LUX_al = [];
        if ("function" === typeof (PerformanceObserver) && "function" === typeof (PerformanceLongTaskTiming)) {
            var LongTaskObserver = new PerformanceObserver(function (c) {
                var b = c.getEntries();
                for (var a = 0; a < b.length; a++) {
                    var d = b[a];
                    LUX_al.push(d)
                }
            });
            try {
                LongTaskObserver.observe({
                    type: ["longtask"]
                })
            } catch (e) {}
        };
    </script>
    <script src="https://cdn.speedcurve.com/js/lux.js?id=108906238" async="" defer="" crossorigin="anonymous"></script>
    <script defer="" src="/static/js/ga.js"></script>
    <script src="/static/js/runtime-main.ee307988.js" defer=""></script>
    <script src="/static/js/2.c6ebdd97.chunk.js" defer=""></script>
    <script src="/static/js/main.8b5c1b4b.chunk.js" defer=""></script>
</head>
<body>
    <div id="root">
        <ul id="nav-access" class="a11y-nav">
            <li><a id="skip-main" href="#content">Skip to main content</a></li>
            <li><a id="skip-search" href="#main-q">Skip to search</a></li>
            <li><a id="skip-select-language" href="#select-language">Skip to select language</a></li>
        </ul>
        <div class="page-wrapper document-page">
            <header class="page-header"><a href="/zh-CN/" class="logo" aria-label="MDN Web Docs"><svg
                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451.74 135">
                        <path
                            d="M7.14 8.35v111.06h111.05V8.35zm103.71 56c-.48.92-1 1.79-1.46 2.71a3.44 3.44 0 01-3.54 2 2.4 2.4 0 00-1.55.5c-1.37.9-2.76 1.79-4.18 2.63a7.33 7.33 0 01-6.35.34 29.71 29.71 0 00-10.63-2 11.7 11.7 0 00-9.46 4.31 14.84 14.84 0 00-2.13 4.29c-1.24 3.07-2.3 21.38-2.3 26.05 0 0-17.62-3.42-34.15-20.34l4.31-11.32h-13.5l9.76-10.35h-16.8l9.77-10.34H12.69L30.45 34a40.9 40.9 0 0119.77-10.83c7.1-1.22 8.93-.53 13.31.77l2.43.73.85.25 3.1.95a12.56 12.56 0 006.21.09 11.37 11.37 0 018.25 1 8.24 8.24 0 014.1 6.22 7.29 7.29 0 003.61 5.49 59.45 59.45 0 009.32 4.11c2.27.86 4.54 1.84 6.79 2.72a6.81 6.81 0 012.86 2.06 4.81 4.81 0 011.1 2.73c.14 2 .37 4 .47 6a15.24 15.24 0 01-1.77 8.03zM320.12 39.62a5.42 5.42 0 00-4.53 2.13 7.36 7.36 0 00-1.7 4.43v2.36a6.28 6.28 0 001.7 4.46 5.63 5.63 0 004.3 1.82 5.12 5.12 0 004.57-2.27A9.7 9.7 0 00326 47a8.11 8.11 0 00-1.67-5.52 5.36 5.36 0 00-4.21-1.86zM387.38 39.53a5.52 5.52 0 00-4.7 2.15 8.8 8.8 0 00-1.63 5.49 9.23 9.23 0 001.58 5.45 5.38 5.38 0 004.7 2.25 5.61 5.61 0 004.74-2.2 8.91 8.91 0 001.68-5.59 8.24 8.24 0 00-1.75-5.52 5.76 5.76 0 00-4.62-2.03zM299.47 41.35a4.34 4.34 0 00-4-1.92 4.55 4.55 0 00-3.89 1.73 8.37 8.37 0 00-1.58 4.17h10.48a6.3 6.3 0 00-1.01-3.98zM357.74 30.75H352v23.31h5.72q5.47 0 8.35-3t2.93-8.65q0-5.43-2.88-8.55t-8.38-3.11z">
                        </path>
                        <path
                            d="M121.55 8.35v70.8h323V8.35zm42.21 22.45h-4V54h3.68v3.73h-11.25V54h3.31V36.79h-.19l-9.63 19.12h-2.12l-10-19.4h-.19V54h3.45v3.73h-11.15V54h3.68V30.8h-4v-3.73H133l11.66 22.56h.19l11.18-22.56h7.7zm29.12 22.67q-4.11 4.28-11.38 4.28h-14.06v-3.69h3.73V30.75h-3.73v-3.68h13.83q7.59 0 11.66 4.29a15.4 15.4 0 014 11 15.33 15.33 0 01-4.05 11.11zm38.89-22.67h-3.68v27h-2.6L208.08 35h-.19v19h4.67v3.73h-12.22V54h3.49V30.8h-4v-3.73h7.08l16.9 22.09h.19V30.8h-4.58v-3.73h12.32zm43.8 27h-3.31l-7.83-23.18h-.19l-7.55 23.18h-3.35l-8.78-27h-2.65v-3.73H253v3.73h-3.87L255 50.71h.23l6.61-19.91H259v-3.73h11v3.73h-2.78l6.61 20.1h.23l5.43-20.1h-4.15v-3.73h11v3.73h-2.54zm26.71-1.51a9.66 9.66 0 01-6.42 2 10.2 10.2 0 01-7.41-2.74c-1.89-1.82-2.83-4.47-2.83-7.93a12.37 12.37 0 012.64-8.12 9 9 0 017.32-3.21 8.62 8.62 0 016.75 2.69 9.65 9.65 0 012.45 6.52 13.67 13.67 0 01-.28 2.69H290q.29 6.71 6.18 6.7a5.2 5.2 0 003.71-1.18 5.82 5.82 0 001.67-2.83l3.45.71a7.21 7.21 0 01-2.73 4.65zm25.77-1.63c-1.51 2.4-3.92 3.61-7.22 3.61s-5.84-1.29-7.22-3.87c0 .25-.1.82-.21 1.7s-.19 1.44-.22 1.7H309c.16-1 .31-2 .47-3.07a21.42 21.42 0 00.24-3.16v-23h-3.4v-3.3h7.55V40.9a9.76 9.76 0 012.67-3.28 7.33 7.33 0 014.74-1.4 8.48 8.48 0 016.5 2.78q2.55 2.74 2.55 7.74a14.6 14.6 0 01-2.27 7.87zm41.39-1.14q-4.11 4.28-11.37 4.28H344v-3.74h3.73V30.75H344v-3.68h13.83q7.59 0 11.66 4.29a15.41 15.41 0 014.06 11 15.34 15.34 0 01-4.11 11.11zm25.65 1.68a10.53 10.53 0 01-7.9 3.07 10 10 0 01-7.63-3 10.93 10.93 0 01-2.8-7.83 12.13 12.13 0 012.69-7.93q2.69-3.3 8-3.3t8 3.28a12 12 0 012.64 7.76 10.86 10.86 0 01-3 7.9zm22.61.57c-1.4 1.66-3.63 2.5-6.68 2.5a9.58 9.58 0 01-7.15-2.76q-2.72-2.76-2.71-7.91a12.25 12.25 0 012.69-8 9.17 9.17 0 017.5-3.28 15 15 0 013.82.48 10.37 10.37 0 013.5 1.65l.85 5.47-3.35.38-.76-3.54a8.07 8.07 0 00-4.11-1 4.9 4.9 0 00-4.39 2.15 9.93 9.93 0 00-1.41 5.55 8.9 8.9 0 001.5 5.38 5.23 5.23 0 004.44 2c2.92 0 4.67-1.7 5.23-5.1l3.5.71a10.34 10.34 0 01-2.47 5.27zm20.48.75a11.68 11.68 0 01-6.63 1.75 15.52 15.52 0 01-8.26-2.08L424 51l3.26.33-.1 2.74a7 7 0 002.06.66 12.63 12.63 0 002.19.19 8.68 8.68 0 003.66-.75 2.5 2.5 0 001.63-2.36 2.25 2.25 0 00-1.32-2.2 12.65 12.65 0 00-3.28-1 47.39 47.39 0 01-3.9-.82 7.5 7.5 0 01-3.25-1.7 4.67 4.67 0 01-1.33-3.66c0-2.36.88-4 2.62-4.91a12 12 0 015.6-1.37 15 15 0 014.08.55 16.65 16.65 0 013.47 1.39l.47 5.1-3.3.37-.48-3.3a9.5 9.5 0 00-4.06-.9 5.62 5.62 0 00-2.87.66 2.33 2.33 0 00-1.15 2.25 2.13 2.13 0 001.3 2.07 11.91 11.91 0 003.21.92 36.69 36.69 0 013.82.83 7.46 7.46 0 013.21 1.74 4.9 4.9 0 011.3 3.73 5.56 5.56 0 01-2.66 4.91z">
                        </path>
                        <path
                            d="M181.17 30.75h-5.71v23.31h5.71q5.47 0 8.36-3t2.88-8.61q0-5.43-2.88-8.55t-8.36-3.15zM121.63 119.32V81.74h114.91v37.58zM153.22 109h-2v-6.85a4.8 4.8 0 00-1.58-4 5.57 5.57 0 00-3.55-1.26 5 5 0 00-4.92 3.26 4.19 4.19 0 00-1.88-2.46 5.82 5.82 0 00-3-.8 4.89 4.89 0 00-4.56 2.56v-2.21h-6.28v3.26h2v8.5h-2v3.23h9.11V109h-2.86v-5.25a4.4 4.4 0 01.69-2.56 2.47 2.47 0 012.21-1q2.57 0 2.56 3.63v8.41h6.29V109h-2v-5.25a4.47 4.47 0 01.67-2.56 2.42 2.42 0 012.19-1q2.63 0 2.63 3.63v8.41h6.28zm9.88-12.07q-4 0-6 2.36a8.41 8.41 0 00-2 5.66 7.25 7.25 0 002.17 5.62 8 8 0 005.65 2 8.54 8.54 0 005.94-2.11 7.27 7.27 0 002.34-5.67 8.21 8.21 0 00-2-5.51q-2.07-2.34-6.1-2.34zm-.1 12.35a3 3 0 01-2.63-1.33 5.68 5.68 0 01-.9-3.26 5 5 0 011-3.28 3.23 3.23 0 012.61-1.18 3.5 3.5 0 012.59 1.08 4.56 4.56 0 011.07 3.31 5.21 5.21 0 01-1 3.41 3.33 3.33 0 01-2.74 1.25zm25-2.3l-3.39-.29-.7 2.32H179l8.32-9.54-.32-2.23h-13.19l-.53 5.25 3.16.34.67-2.36h4.65l-8.25 9.53.44 2.26h13.13zm7.62-9.74h-4.46v5.39h4.46zm0 9.61h-4.46v5.39h4.46zm13.54-17.49h-4.23l-6.48 22.88h4.22zm8.68 0h-4.23l-6.45 22.88h4.19zm15 22.51l-.07-2.26a1.22 1.22 0 01-.56.1c-.69 0-1-.39-1-1.16v-6.49a4.39 4.39 0 00-1.8-3.84 7 7 0 00-4.16-1.28 14.55 14.55 0 00-3.16.3 24.14 24.14 0 00-3.29 1.06l-.56 3.46 3.39.4.5-1.69a2.78 2.78 0 011.08-.37 11.3 11.3 0 011.25-.07c1.19 0 1.89.37 2.09 1.1a8.55 8.55 0 01.3 2.26v.5a8.91 8.91 0 00-1.18-.11h-1.21a12.64 12.64 0 00-4.81.88 3.53 3.53 0 00-2.18 3.64 3.66 3.66 0 001.48 3.33 5.63 5.63 0 003.11 1 4.67 4.67 0 003-.91 6.78 6.78 0 001.8-2 3 3 0 003.33 3 5.54 5.54 0 002.66-.85zm-9.25-2.32a1.69 1.69 0 01-1.36-.52 1.81 1.81 0 01-.43-1.21 1.67 1.67 0 01.86-1.68 4.63 4.63 0 012-.42 7.69 7.69 0 011.07.07l1.06.13a3.58 3.58 0 01-1.08 2.74 3.24 3.24 0 01-2.11.89z">
                        </path>
                    </svg></a><button type="button" class="ghost main-menu-toggle" aria-haspopup="true"
                    aria-label="Show Menu"></button>
                <div class="page-header-main ">
                    <nav class="main-nav" aria-label="Main menu">
                        <ul class="main-menu nojs">
                            <li class="top-level-entry-container"><button id="technologies-button" type="button"
                                    class="top-level-entry" aria-haspopup="menu"
                                    aria-expanded="false">Technologies</button>
                                <ul class="technologies " role="menu" aria-labelledby="technologies-button">
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web" role="menuitem">Technologies
                                            Overview</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/HTML"
                                            role="menuitem">HTML</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/CSS" role="menuitem">CSS</a>
                                    </li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/JavaScript"
                                            role="menuitem">JavaScript</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/Guide/Graphics"
                                            role="menuitem">Graphics</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/HTTP"
                                            role="menuitem">HTTP</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/API" role="menuitem">APIs</a>
                                    </li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Mozilla/Add-ons/WebExtensions"
                                            role="menuitem">Browser Extensions</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/MathML"
                                            role="menuitem">MathML</a></li>
                                </ul>
                            </li>
                            <li class="top-level-entry-container"><button id="references-guides-button" type="button"
                                    class="top-level-entry" aria-haspopup="menu" aria-expanded="false">References &amp;
                                    Guides</button>
                                <ul class="references-guides " role="menu" aria-labelledby="references-guides-button">
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Learn" role="menuitem">Learn web
                                            development</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/Tutorials"
                                            role="menuitem">Tutorials</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/Reference"
                                            role="menuitem">References</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/Guide"
                                            role="menuitem">Developer Guides</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web/Accessibility"
                                            role="menuitem">Accessibility</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Games" role="menuitem">Game
                                            development</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/Web" role="menuitem">...more
                                            docs</a></li>
                                </ul>
                            </li>
                            <li class="top-level-entry-container"><button id="feedback-button" type="button"
                                    class="top-level-entry" aria-haspopup="menu" aria-expanded="false">Feedback</button>
                                <ul class="feedback " role="menu" aria-labelledby="feedback-button">
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/MDN/Contribute/Feedback"
                                            role="menuitem">Send Feedback</a></li>
                                    <li role="none"><a tabindex="-1" href="/zh-CN/docs/MDN/Contribute"
                                            role="menuitem">Contribute to MDN</a></li>
                                    <li role="none"><a tabindex="-1" target="_blank" rel="noopener noreferrer"
                                            href="https://github.com/mdn/content/issues/new" role="menuitem">Report a
                                            content issue
                                            <!-- --> 🌐</a></li>
                                    <li role="none"><a tabindex="-1" target="_blank" rel="noopener noreferrer"
                                            href="https://github.com/mdn/yari/issues/new" role="menuitem">Report a
                                            platform issue
                                            <!-- --> 🌐</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <div class="header-search">
                        <form action="/zh-CN/search" class="search-form" role="search"><label for="main-q"
                                class="visually-hidden">Search MDN</label><input type="search" name="q" id="main-q"
                                class="search-input-field" placeholder="Search MDN" pattern="(.|\s)*\S(.|\s)*"
                                required=""><input type="submit" class="ghost search-button" value=""
                                aria-label="Search"></form>
                    </div>
                    <div class="auth-container"></div>
                </div>
            </header>
            <div class="breadcrumb-locale-container">
                <nav class="breadcrumbs-container" aria-label="Breadcrumb navigation">
                    <ol typeof="BreadcrumbList" vocab="https://schema.org/" aria-label="breadcrumbs">
                        <li property="itemListElement" typeof="ListItem"><a class="breadcrumb-penultimate"
                                property="item" typeof="WebPage" href="/zh-CN/docs/Web"><span property="name">Web
                                    开发技术</span></a>
                            <meta property="position" content="1">
                        </li>
                        <li property="itemListElement" typeof="ListItem"><a class="breadcrumb-current-page"
                                property="item" typeof="WebPage" href="/zh-CN/docs/Web/HTML"><span
                                    property="name">HTML（超文本标记语言）</span></a>
                            <meta property="position" content="2">
                        </li>
                    </ol>
                </nav>
                <ul class="language-toggle">
                    <li><a href="#select-language" class="language-icon"><span class="show-desktop">Change
                                language</span></a></li>
                    <li><a class="view-in-english" href="/en-US/docs/Web/HTML"><span class="show-desktop">View in</span>
                            English</a></li>
                </ul>
            </div>
            <div class="localized-content-note notecard inline neutral"><a
                    href="/en-US/docs/MDN/Contribute/Localize#active_locales">This page was translated from English by
                    the community. Learn more and join the MDN Web Docs community.</a></div>
            <aside class="document-toc-container">
                <section class="document-toc">
                    <header>
                        <h2>Table of contents</h2><button type="button" class="ghost toc-trigger-mobile"
                            aria-controls="toc-entries" aria-expanded="false">Table of contents</button>
                    </header>
                    <ul id="toc-entries">
                        <li><a href="#tools">初学者教程</a></li>
                    </ul>
                </section>
            </aside>
            <main id="content" class="main-content" role="main">
                <article class="main-page-content" lang="zh-CN">
                    <h1>HTML（超文本标记语言）</h1>
                    <h2 id="tools"><a href="#tools" title="Permalink to 初学者教程">初学者教程</a></h2>
                    <div>
                        <p></p>
                        <p></p>

                        <p class="summary"><span class="seoSummary"><strong>HTML</strong>（超文本标记语言——HyperText Markup
                                Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;<a
                                    href="/zh-CN/docs/Web/CSS">CSS</a>），或功能与行为（如&nbsp;<a
                                    href="/zh-CN/docs/Web/JavaScript">JavaScript</a>）。</span></p>

                        <p>“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。
                        </p>

                        <p>HTML 使用“标记”（markup）来注明文本、图片和其他内容，以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <a
                                href="/zh-CN/docs/Web/HTML/Element/head"><code>&lt;head&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/title"><code>&lt;title&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/body"><code>&lt;body&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/header"><code>&lt;header&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/footer"><code>&lt;footer&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/article"><code>&lt;article&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/section"><code>&lt;section&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/p"><code>&lt;p&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/div"><code>&lt;div&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/span"><code>&lt;span&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/img"><code>&lt;img&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/aside"><code>&lt;aside&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/canvas"><code>&lt;canvas&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/datalist"><code>&lt;datalist&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/details"><code>&lt;details&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/embed"><code>&lt;embed&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/nav"><code>&lt;nav&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/output"><code>&lt;output&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/progress"><code>&lt;progress&gt;</code></a>，<a
                                href="/zh-CN/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>&nbsp;等等等等。</p>

                        <p>HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在“<code>&lt;</code>”和“<code>&gt;</code>”中包裹的元素名组成，HTML
                            标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，<code>&lt;title&gt;</code> 标签可以写成
                            <code>&lt;Title&gt;</code>，<code>&lt;TITLE&gt;</code> 或以任何其他方式。</p>

                        <p>下面的文章会帮助你更好地了解 HTML：</p>

                        <section class="cleared" id="sect1">
                            <ul class="card-grid">
                                <li><span>HTML 介绍</span>

                                    <p>如果您是 Web 开发新手，请务必阅读我们的&nbsp;<a
                                            href="/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML
                                            基础</a> 文章来了解什么是 HTML 以及如何使用它。</p>
                                </li>
                                <li><span>HTML 教程</span>
                                    <p>关于如何使用 HTML 的文章，教程和完整的示例，查看我们的&nbsp;<a href="/zh-CN/docs/learn/HTML">HTML
                                            学习区</a>。</p>
                                </li>
                                <li><span>HTML 参考</span>
                                    <p>在我们丰富的&nbsp;<a href="/zh-CN/docs/Web/HTML/Reference">HTML 参考</a> 部分中，你可以找到在 HTML
                                        中每一个元素和属性的详细信息。</p>
                                </li>
                            </ul>

                            <div class="row topicpage-table">
                                <div class="section">


                                    <p>我们的&nbsp;<a href="/zh-CN/docs/learn/HTML">HTML 学习区</a>
                                        含有许多富有特色的模块，学习者可以在没有任何先前经验的情况下从零开始，掌握 HTML。</p>

                                    <dl>
                                        <dt><a href="/zh-CN/docs/learn/HTML/Introduction_to_HTML">HTML 介绍</a></dt>
                                        <dd>这一模块将为你打下基础，并为进一步的学习铺平道路。在这里，你将掌握一些重要的概念和语法，学习如何将 HTML 用于文本、如何创建超链接以及运用 HTML
                                            去构建一个网页。</dd>
                                        <dt><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding">多媒体与嵌入内容</a></dt>
                                        <dd>这个模块将带领你探索如何使用 HTML 在你的网页中包含多媒体内容，包括通过许多不同的方式嵌入图片，以及如何嵌入视频、音频甚至整个其他网页。</dd>
                                        <dt><a href="/zh-CN/docs/Learn/HTML/Tables">HTML 表格</a></dt>
                                        <dd>如何用可理解并易于访问的形式在网页中展示表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格标记，以及一些更复杂的特性，比如实现标题和总结等。
                                        </dd>
                                        <dt><a href="/zh-CN/docs/Learn/Forms">HTML 表单</a></dt>
                                        <dd>表单是构成 Web
                                            世界的重要组成部分——它们提供了大量你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将引导你建立一个客户端／前端部分的表单。
                                        </dd>
                                        <dt><a href="/zh-CN/docs/learn/HTML/Howto">用 HTML 解决常见问题</a></dt>
                                        <dd>该部分提供了一些链接，它们指向那些你在构建 Web
                                            页面的过程中最常见的问题的解决方法：如何处理网页标题、添加图片或视频、强调某些内容、建立基本的表单等。</dd>
                                    </dl>

                                    <h2 id="高级主题">高级主题</h2>

                                    <dl>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/CORS_enabled_image">CORS 处理跨域图片</a></dt>
                                        <dd class="landingPageList">通过搭配 <a
                                                href="/zh-CN/docs/Web/HTML/Element/img#attr-crossorigin"><code>crossorigin</code></a>
                                            属性和适当的&nbsp;<a href="/zh-CN/docs/Glossary/CORS">CORS</a> 标头，在 <a
                                                href="/zh-CN/docs/Web/HTML/Element/img"><code>&lt;img&gt;</code></a>
                                            元素中定义的图片可以从外部来源加载并在 <a
                                                href="/zh-CN/docs/Web/HTML/Element/canvas"><code>&lt;canvas&gt;</code></a>
                                            元素中使用，就像是从本地源加载一样。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/Attributes/crossorigin">CORS 设置属性</a></dt>
                                        <dd class="landingPageList">一些提供了对&nbsp;<a
                                                href="/zh-CN/docs/Web/HTTP/CORS">CORS</a>&nbsp;的支持的 HTML 元素，比如 <a
                                                href="/zh-CN/docs/Web/HTML/Element/img"><code>&lt;img&gt;</code></a> 或
                                            <a href="/zh-CN/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>
                                            ，具有 <code>crossorigin</code> 元素属性／attribute （<code>crossOrigin</code>
                                            对象属性／property），该属性能使你配置其跨域获取资源的请求。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/conflicting/Web/API/Document/hasFocus">HTML 中的焦点管理</a>
                                        </dt>
                                        <dd class="landingPageList">DOM 属性 <code><a
                                                    href="/zh-CN/docs/Web/API/Document/activeElement">activeElement</a></code>
                                            以及 DOM 方法 <code><a
                                                    href="/zh-CN/docs/Web/API/Document/hasFocus">hasFocus()</a></code>
                                            可以帮助你跟踪并控制用户在网页中与各种元素的交互行为。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/orphaned/Web/HTML/Preloading_content">使用 rel="preload"
                                                预加载页面内容</a></dt>
                                        <dd class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>
                                            元素的 <a
                                                href="/zh-CN/docs/Web/HTML/Element/link#attr-rel"><code>rel</code></a>
                                            属性的值&nbsp;<code>preload</code> 允许你在 HTML 的 <a
                                                href="/zh-CN/docs/Web/HTML/Element/head"><code>&lt;head&gt;</code></a>
                                            部分声明一些（资源）获取请求，以指定那些在页面加载后即刻需要的资源。因此在浏览器的主渲染机制介入前，这些资源会在页面加载生命周期的早期阶段进行预加载。这样可以保证这些资源可被更早使用并减少阻塞页面初次渲染的可能性，从而提升性能。这篇文章提供了关于&nbsp;<code>preload</code>&nbsp;作用机制的基本指导。
                                        </dd>
                                    </dl>
                                </div>

                                <div class="section">
                                    <h2 class="Documentation" id="Documentation" name="Documentation">参考</h2>

                                    <dl>
                                        <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Reference">HTML 参考</a>
                                        </dt>
                                        <dd class="landingPageList">HTML
                                            由<strong>元素</strong>组成，每个元素都可以被多个<strong>属性</strong>修饰。HTML 文档通过<a
                                                href="/zh-CN/docs/Web/HTML/Link_types">链接</a>相互连接。</dd>
                                        <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Element">HTML 元素参考</a>
                                        </dt>
                                        <dd class="landingPageList">浏览完整的&nbsp;<a class="glossaryLink"
                                                href="/zh-CN/docs/Glossary/HTML">HTML</a>&nbsp;<a class="glossaryLink"
                                                href="/zh-CN/docs/Glossary/Element">元素</a>列表。</dd>
                                        <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Attributes">HTML
                                                属性参考</a></dt>
                                        <dd class="landingPageList">HTML
                                            元素都含有<strong>元素属性</strong>。这些额外的属性值可以通过各种途径对元素进行配置或调整其行为。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/Global_attributes">全局属性</a></dt>
                                        <dd class="landingPageList">全局属性可以在所有&nbsp;<a
                                                href="/zh-CN/docs/Web/HTML/Element">HTML
                                                元素</a>上进行设置<em>，包括那些没有在相关标准中出现的元素</em>。这意味着即使这些元素使得文档并不符合 HTML5
                                            标准，它们也必须允许这些属性。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/Inline_elements">内联元素</a>和<a
                                                href="/zh-CN/docs/Web/HTML/Block-level_elements">块级元素</a></dt>
                                        <dd class="landingPageList">HTML
                                            元素通常是"内联"或"块级"元素。一个内联元素仅会占用由定义它的标签所包裹起来的空间。而一个块级元素将会占用其父元素（容器）的全部空间，也就是创建一个“块”。
                                        </dd>
                                        <dt class="landingPageList"><a href="/zh-CN/docs/Web/HTML/Link_types">链接类型</a>
                                        </dt>
                                        <dd class="landingPageList">在 HTML 中，各种各样的链接类型被用来确立和定义两个文档之间的关系。可以设置链接类型的链接元素包括
                                            <a href="/zh-CN/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a>，<a
                                                href="/zh-CN/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a>，和
                                            <a href="/zh-CN/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a> 。
                                        </dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/conflicting/Web/Media/Formats">HTML 的 audio 与 video
                                                元素所支持的媒体格式</a></dt>
                                        <dd class="landingPageList"><a
                                                href="/zh-CN/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a>
                                            和 <a
                                                href="/zh-CN/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>
                                            元素允许你播放音频和视频媒体。这些元素提供了一个浏览器原生的对于 Adobe Flash 和其他插件的替代品。</dd>
                                        <dt class="landingPageList"><a
                                                href="/zh-CN/docs/Web/Guide/HTML/Content_categories">&nbsp;HTML 内容种类</a>
                                        </dt>
                                        <dd class="landingPageList">HTML
                                            包含了几种内容，每种内容在特定的情景上下文中有效，而在其他上下文中无效。每种内容也指定了可以被它们包含的类别，以及可以或不可以在其中使用的元素。这里提供了一个关于这些类别的说明。
                                        </dd>
                                        <dt><a href="/zh-CN/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">怪异模式和标准模式</a>
                                        </dt>
                                        <dd>关于怪异模式和标准模式的历史信息。</dd>
                                    </dl>

                                    <h2 class="landingPageList" id="相关主题">相关主题</h2>

                                    <dl>
                                        <dt><a href="/zh-CN/docs/Web/HTML/Applying_color">使用 CSS 为 HTML 元素应用颜色</a></dt>
                                        <dd>这篇文章涵盖了大多数使用 CSS 为 HTML 内容增加颜色的方式，并列举了 HTML 文档里哪些部分可以进行上色以及这一操作需要使用哪些 CSS
                                            属性。它包含了一些示例，配色建构工具的链接，以及其他内容。</dd>
                                    </dl>
                                </div>
                            </div>
                        </section>
                    </div>
                </article>
                <aside class="metadata">
                    <div class="metadata-content-container">
                        <div id="on-github" class="on-github">
                            <h4>Found a problem with this page?</h4>
                            <ul>
                                <li><a href="https://github.com/mdn/translated-content/blob/main/files/zh-cn/web/html/index.html"
                                        title="Folder: zh-cn/web/html (Opens in a new tab)" target="_blank"
                                        rel="noopener noreferrer">Source on <b>GitHub</b></a></li>
                                <li><a href="https://github.com/mdn/translated-content/issues/new?body=MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FHTML%0A%0A%23%23%23%23+What+information+was+incorrect%2C+unhelpful%2C+or+incomplete%3F%0A%0A%0A%23%23%23%23+Specific+section+or+headline%3F%0A%0A%0A%23%23%23%23+What+did+you+expect+to+see%3F%0A%0A%0A%23%23%23%23+Did+you+test+this%3F+If+so%2C+how%3F%0A%0A%0A%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EMDN+Content+page+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60zh-cn%2Fweb%2Fhtml%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FHTML%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fblob%2Fmain%2Ffiles%2Fzh-cn%2Fweb%2Fhtml%2Findex.html%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fcommit%2F235c34993c7b14f783fc8259cc237ac09f0d3e57%0A*+Document+last+modified%3A+2021-07-09T00%3A38%3A08.000Z%0A%0A%3C%2Fdetails%3E&amp;title=Issue+with+%22HTML%EF%BC%88%E8%B6%85%E6%96%87%E6%9C%AC%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80%EF%BC%89%22%3A+%28short+summary+here+please%29&amp;labels=needs-triage%2Cl10n-zh"
                                        title="This will take you to https://github.com/mdn/content to file a new issue"
                                        target="_blank" rel="noopener noreferrer">Report a problem with this content on
                                        <b>GitHub</b></a></li>
                                <li>Want to fix the problem yourself? See
                                    <!-- --> <a href="https://github.com/mdn/content/blob/main/README.md"
                                        target="_blank" rel="noopener noreferrer">our Contribution guide</a>.</li>
                            </ul>
                        </div>
                        <p class="last-modified-date"><b>Last modified:</b> <time
                                datetime="2021-07-09T00:38:08.000Z">Jul 9, 2021</time>,
                            <!-- --> <a href="/zh-CN/docs/Web/HTML/contributors.txt">by MDN contributors</a></p>
                        <form class="language-menu">
                            <fieldset id="select-language">
                                <legend>Change your language</legend><label for="language-selector"
                                    class="visually-hidden">Select your preferred language</label> <select
                                    id="language-selector" name="language">
                                    <option selected="" value="zh-CN">中文 (简体)</option>
                                    <option value="de">Deutsch</option>
                                    <option value="en-US">English (US)</option>
                                    <option value="es">Español</option>
                                    <option value="fr">Français</option>
                                    <option value="ja">日本語</option>
                                    <option value="ko">한국어</option>
                                    <option value="pl">Polski</option>
                                    <option value="pt-BR">Português (do&nbsp;Brasil)</option>
                                    <option value="ru">Русский</option>
                                    <option value="zh-TW">正體中文 (繁體)</option>
                                </select> <button type="submit" class="button minimal">Change language</button>
                            </fieldset>
                        </form>
                    </div>
                </aside>
            </main>
            <nav id="sidebar-quicklinks" class="sidebar">
                <h4>Related Topics</h4>
                <div>
                    <ol>
                        <li><a href="/zh-CN/docs/Web/HTML"><strong><em>HTML</em></strong></a></li>
                        <li><strong>Tutorials:</strong></li>
                        <li><a href="/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a></li>
                        <li class="toggle">
                            <details>
                                <summary>Introduction to HTML</summary>
                                <ol>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML
                                            overview</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting
                                            started with HTML</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What's
                                            in the head? Metadata in HTML</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML
                                            text fundamentals</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating
                                            hyperlinks</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced
                                            text formatting</a></li>
                                    <li><a
                                            href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document
                                            and website structure</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging
                                            HTML</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Assessment:
                                            Marking up a letter</a></li>
                                    <li><a
                                            href="/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Assessment:
                                            Structuring a page of content</a></li>
                                </ol>
                            </details>
                        </li>
                        <li class="toggle">
                            <details>
                                <summary>Multimedia and embedding</summary>
                                <ol>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and
                                            embedding overview</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML">Images
                                            in HTML</a></li>
                                    <li><a
                                            href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video
                                            and audio content</a></li>
                                    <li><a
                                            href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies">From
                                            object to iframe — other embedding technologies</a></li>
                                    <li><a
                                            href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web">Adding
                                            vector graphics to the Web</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">Responsive
                                            images</a></li>
                                    <li><a href="/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page">Assessment:
                                            Mozilla splash page</a></li>
                                </ol>
                            </details>
                        </li>
                        <li><strong><a href="/zh-CN/docs/Web/HTML/Reference">References:</a></strong></li>
                        <li class="toggle">
                            <details>
                                <summary>HTML elements</summary>
                                <ol>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/abbr"><code>&lt;abbr&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/acronym"><code>&lt;acronym&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/address"><code>&lt;address&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/applet"><code>&lt;applet&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/article"><code>&lt;article&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/aside"><code>&lt;aside&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/b"><code>&lt;b&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/base"><code>&lt;base&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/basefont"><code>&lt;basefont&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/bdi"><code>&lt;bdi&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/bdo"><code>&lt;bdo&gt;</code></a></li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/bgsound"><code>&lt;bgsound&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/big"><code>&lt;big&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/blink"><code>&lt;blink&gt;</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/blockquote"><code>&lt;blockquote&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/body"><code>&lt;body&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/br"><code>&lt;br&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/button"><code>&lt;button&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/canvas"><code>&lt;canvas&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/caption"><code>&lt;caption&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/center"><code>&lt;center&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/cite"><code>&lt;cite&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/code"><code>&lt;code&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/col"><code>&lt;col&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/colgroup"><code>&lt;colgroup&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/content"><code>&lt;content&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/data"><code>&lt;data&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/datalist"><code>&lt;datalist&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/dd"><code>&lt;dd&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/del"><code>&lt;del&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/details"><code>&lt;details&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/dfn"><code>&lt;dfn&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/dialog"><code>&lt;dialog&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/dir"><code>&lt;dir&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/div"><code>&lt;div&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/dl"><code>&lt;dl&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/dt"><code>&lt;dt&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/em"><code>&lt;em&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/embed"><code>&lt;embed&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/fieldset"><code>&lt;fieldset&gt;</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/figcaption"><code>&lt;figcaption&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/figure"><code>&lt;figure&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/font"><code>&lt;font&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/footer"><code>&lt;footer&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/form"><code>&lt;form&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/frame"><code>&lt;frame&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/frameset"><code>&lt;frameset&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/head"><code>&lt;head&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/header"><code>&lt;header&gt;</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/Heading_Elements"><code>&lt;h1&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-experimental" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-experimental"></use>
                                        </svg><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/hgroup"><code>&lt;hgroup&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/hr"><code>&lt;hr&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/html"><code>&lt;html&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/i"><code>&lt;i&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/iframe"><code>&lt;iframe&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/image"><code>&lt;image&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/img"><code>&lt;img&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input"><code>&lt;input&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/ins"><code>&lt;ins&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/kbd"><code>&lt;kbd&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/keygen"><code>&lt;keygen&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/label"><code>&lt;label&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/legend"><code>&lt;legend&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/li"><code>&lt;li&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/main"><code>&lt;main&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/map"><code>&lt;map&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/mark"><code>&lt;mark&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/marquee"><code>&lt;marquee&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-experimental" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-experimental"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/menu"><code>&lt;menu&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/menuitem"><code>&lt;menuitem&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/meta"><code>&lt;meta&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/meter"><code>&lt;meter&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/nav"><code>&lt;nav&gt;</code></a></li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/nobr"><code>&lt;nobr&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/noembed"><code>&lt;noembed&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/noframes"><code>&lt;noframes&gt;</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/noscript"><code>&lt;noscript&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/object"><code>&lt;object&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/ol"><code>&lt;ol&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/optgroup"><code>&lt;optgroup&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/option"><code>&lt;option&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/output"><code>&lt;output&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/p"><code>&lt;p&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/param"><code>&lt;param&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/picture"><code>&lt;picture&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/plaintext"><code>&lt;plaintext&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/portal"><code>&lt;portal&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/pre"><code>&lt;pre&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/progress"><code>&lt;progress&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/q"><code>&lt;q&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/rb"><code>&lt;rb&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/rp"><code>&lt;rp&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/rt"><code>&lt;rt&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/rtc"><code>&lt;rtc&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/ruby"><code>&lt;ruby&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/s"><code>&lt;s&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/samp"><code>&lt;samp&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/script"><code>&lt;script&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/section"><code>&lt;section&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/select"><code>&lt;select&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/shadow"><code>&lt;shadow&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/slot"><code>&lt;slot&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/small"><code>&lt;small&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/source"><code>&lt;source&gt;</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/spacer"><code>&lt;spacer&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/span"><code>&lt;span&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Element/strike"><code>&lt;strike&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/strong"><code>&lt;strong&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/style"><code>&lt;style&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/sub"><code>&lt;sub&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/summary"><code>&lt;summary&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/sup"><code>&lt;sup&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/table"><code>&lt;table&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/tbody"><code>&lt;tbody&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/td"><code>&lt;td&gt;</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/template"><code>&lt;template&gt;</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Element/textarea"><code>&lt;textarea&gt;</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/tfoot"><code>&lt;tfoot&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/th"><code>&lt;th&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/thead"><code>&lt;thead&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/time"><code>&lt;time&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/title"><code>&lt;title&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/tr"><code>&lt;tr&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/track"><code>&lt;track&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/tt"><code>&lt;tt&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/u"><code>&lt;u&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/ul"><code>&lt;ul&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/var"><code>&lt;var&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/wbr"><code>&lt;wbr&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/xmp"><code>&lt;xmp&gt;</code></a>
                                    </li>
                                </ol>
                            </details>
                        </li>
                        <li class="toggle">
                            <details>
                                <summary>Global attributes</summary>
                                <ol>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/accesskey"><code>accesskey</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/autocapitalize"><code>autocapitalize</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/autofocus"><code>autofocus</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/class"><code>class</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/contenteditable"><code>contenteditable</code></a>
                                    </li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/contextmenu"><code>contextmenu</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/data-*"><code>data-*</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/dir"><code>dir</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/draggable"><code>draggable</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/enterkeyhint"><code>enterkeyhint</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/hidden"><code>hidden</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/id"><code>id</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/inputmode"><code>inputmode</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/is"><code>is</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/itemid"><code>itemid</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/itemprop"><code>itemprop</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/itemref"><code>itemref</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/itemscope"><code>itemscope</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/itemtype"><code>itemtype</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/lang"><code>lang</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/nonce"><code>nonce</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/part"><code>part</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/slot"><code>slot</code></a></li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/spellcheck"><code>spellcheck</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/style"><code>style</code></a>
                                    </li>
                                    <li><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/tabindex"><code>tabindex</code></a>
                                    </li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Global_attributes/title"><code>title</code></a>
                                    </li>
                                    <li><svg class="icon icon-experimental" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-experimental"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/translate"><code>translate</code></a>
                                    </li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/x-ms-acceleratorkey"><code>x-ms-acceleratorkey</code></a>
                                    </li>
                                    <li><svg class="icon icon-nonstandard" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-nonstandard"></use>
                                        </svg><a
                                            href="/zh-CN/docs/Web/HTML/Global_attributes/x-ms-format-detection"><code>x-ms-format-detection</code></a>
                                    </li>
                                </ol>
                            </details>
                        </li>
                        <li class="toggle">
                            <details>
                                <summary><code>&lt;input&gt;</code> types</summary>
                                <ol>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/button"><code>&lt;input
                                                type="button"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/checkbox"><code>&lt;input
                                                type="checkbox"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/color"><code>&lt;input
                                                type="color"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/date"><code>&lt;input
                                                type="date"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/datetime-local"><code>&lt;input
                                                type="datetime-local"&gt;</code></a></li>
                                    <li><svg class="icon icon-deprecated" tabindex="0">
                                            <use xlink:href="/assets/badges.svg#icon-deprecated"></use>
                                        </svg><a href="/zh-CN/docs/Web/HTML/Element/input/datetime"><code>&lt;input
                                                type="datetime"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/email"><code>&lt;input
                                                type="email"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/file"><code>&lt;input
                                                type="file"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/hidden"><code>&lt;input
                                                type="hidden"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/image"><code>&lt;input
                                                type="image"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/month"><code>&lt;input
                                                type="month"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/number"><code>&lt;input
                                                type="number"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/password"><code>&lt;input
                                                type="password"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/radio"><code>&lt;input
                                                type="radio"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/range"><code>&lt;input
                                                type="range"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/reset"><code>&lt;input
                                                type="reset"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/search"><code>&lt;input
                                                type="search"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/submit"><code>&lt;input
                                                type="submit"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/tel"><code>&lt;input
                                                type="tel"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/text"><code>&lt;input
                                                type="text"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/time"><code>&lt;input
                                                type="time"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/url"><code>&lt;input
                                                type="url"&gt;</code></a></li>
                                    <li><a href="/zh-CN/docs/Web/HTML/Element/input/week"><code>&lt;input
                                                type="week"&gt;</code></a></li>
                                </ol>
                            </details>
                        </li>
                        <li><strong><a href="/zh-CN/docs/MDN">Documentation:</a></strong></li>
                        <li class="toggle">
                            <details>
                                <summary>Useful lists</summary>
                        <li><a href="/zh-CN/docs/Web/HTML/Index">All pages index</a></li>
                        </details>
                        </li>
                        <li class="toggle">
                            <details>
                                <summary>Contribute</summary>
                                <ol>
                                    <li><a href="/zh-CN/docs/MDN">The MDN project</a></li>
                                </ol>
                            </details>
                        </li>
                    </ol>
                </div>
            </nav>
        </div>
        <footer id="nav-footer" class="page-footer">
            <div class="content-container">
                <div class="page-footer-logo"><a href="/zh-CN/" class="logo" aria-label="MDN Web Docs"><svg
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451.74 135" fill="#fff">
                            <path
                                d="M7.14 8.35v111.06h111.05V8.35zm103.71 56c-.48.92-1 1.79-1.46 2.71a3.44 3.44 0 01-3.54 2 2.4 2.4 0 00-1.55.5c-1.37.9-2.76 1.79-4.18 2.63a7.33 7.33 0 01-6.35.34 29.71 29.71 0 00-10.63-2 11.7 11.7 0 00-9.46 4.31 14.84 14.84 0 00-2.13 4.29c-1.24 3.07-2.3 21.38-2.3 26.05 0 0-17.62-3.42-34.15-20.34l4.31-11.32h-13.5l9.76-10.35h-16.8l9.77-10.34H12.69L30.45 34a40.9 40.9 0 0119.77-10.83c7.1-1.22 8.93-.53 13.31.77l2.43.73.85.25 3.1.95a12.56 12.56 0 006.21.09 11.37 11.37 0 018.25 1 8.24 8.24 0 014.1 6.22 7.29 7.29 0 003.61 5.49 59.45 59.45 0 009.32 4.11c2.27.86 4.54 1.84 6.79 2.72a6.81 6.81 0 012.86 2.06 4.81 4.81 0 011.1 2.73c.14 2 .37 4 .47 6a15.24 15.24 0 01-1.77 8.03zM320.12 39.62a5.42 5.42 0 00-4.53 2.13 7.36 7.36 0 00-1.7 4.43v2.36a6.28 6.28 0 001.7 4.46 5.63 5.63 0 004.3 1.82 5.12 5.12 0 004.57-2.27A9.7 9.7 0 00326 47a8.11 8.11 0 00-1.67-5.52 5.36 5.36 0 00-4.21-1.86zM387.38 39.53a5.52 5.52 0 00-4.7 2.15 8.8 8.8 0 00-1.63 5.49 9.23 9.23 0 001.58 5.45 5.38 5.38 0 004.7 2.25 5.61 5.61 0 004.74-2.2 8.91 8.91 0 001.68-5.59 8.24 8.24 0 00-1.75-5.52 5.76 5.76 0 00-4.62-2.03zM299.47 41.35a4.34 4.34 0 00-4-1.92 4.55 4.55 0 00-3.89 1.73 8.37 8.37 0 00-1.58 4.17h10.48a6.3 6.3 0 00-1.01-3.98zM357.74 30.75H352v23.31h5.72q5.47 0 8.35-3t2.93-8.65q0-5.43-2.88-8.55t-8.38-3.11z">
                            </path>
                            <path
                                d="M121.55 8.35v70.8h323V8.35zm42.21 22.45h-4V54h3.68v3.73h-11.25V54h3.31V36.79h-.19l-9.63 19.12h-2.12l-10-19.4h-.19V54h3.45v3.73h-11.15V54h3.68V30.8h-4v-3.73H133l11.66 22.56h.19l11.18-22.56h7.7zm29.12 22.67q-4.11 4.28-11.38 4.28h-14.06v-3.69h3.73V30.75h-3.73v-3.68h13.83q7.59 0 11.66 4.29a15.4 15.4 0 014 11 15.33 15.33 0 01-4.05 11.11zm38.89-22.67h-3.68v27h-2.6L208.08 35h-.19v19h4.67v3.73h-12.22V54h3.49V30.8h-4v-3.73h7.08l16.9 22.09h.19V30.8h-4.58v-3.73h12.32zm43.8 27h-3.31l-7.83-23.18h-.19l-7.55 23.18h-3.35l-8.78-27h-2.65v-3.73H253v3.73h-3.87L255 50.71h.23l6.61-19.91H259v-3.73h11v3.73h-2.78l6.61 20.1h.23l5.43-20.1h-4.15v-3.73h11v3.73h-2.54zm26.71-1.51a9.66 9.66 0 01-6.42 2 10.2 10.2 0 01-7.41-2.74c-1.89-1.82-2.83-4.47-2.83-7.93a12.37 12.37 0 012.64-8.12 9 9 0 017.32-3.21 8.62 8.62 0 016.75 2.69 9.65 9.65 0 012.45 6.52 13.67 13.67 0 01-.28 2.69H290q.29 6.71 6.18 6.7a5.2 5.2 0 003.71-1.18 5.82 5.82 0 001.67-2.83l3.45.71a7.21 7.21 0 01-2.73 4.65zm25.77-1.63c-1.51 2.4-3.92 3.61-7.22 3.61s-5.84-1.29-7.22-3.87c0 .25-.1.82-.21 1.7s-.19 1.44-.22 1.7H309c.16-1 .31-2 .47-3.07a21.42 21.42 0 00.24-3.16v-23h-3.4v-3.3h7.55V40.9a9.76 9.76 0 012.67-3.28 7.33 7.33 0 014.74-1.4 8.48 8.48 0 016.5 2.78q2.55 2.74 2.55 7.74a14.6 14.6 0 01-2.27 7.87zm41.39-1.14q-4.11 4.28-11.37 4.28H344v-3.74h3.73V30.75H344v-3.68h13.83q7.59 0 11.66 4.29a15.41 15.41 0 014.06 11 15.34 15.34 0 01-4.11 11.11zm25.65 1.68a10.53 10.53 0 01-7.9 3.07 10 10 0 01-7.63-3 10.93 10.93 0 01-2.8-7.83 12.13 12.13 0 012.69-7.93q2.69-3.3 8-3.3t8 3.28a12 12 0 012.64 7.76 10.86 10.86 0 01-3 7.9zm22.61.57c-1.4 1.66-3.63 2.5-6.68 2.5a9.58 9.58 0 01-7.15-2.76q-2.72-2.76-2.71-7.91a12.25 12.25 0 012.69-8 9.17 9.17 0 017.5-3.28 15 15 0 013.82.48 10.37 10.37 0 013.5 1.65l.85 5.47-3.35.38-.76-3.54a8.07 8.07 0 00-4.11-1 4.9 4.9 0 00-4.39 2.15 9.93 9.93 0 00-1.41 5.55 8.9 8.9 0 001.5 5.38 5.23 5.23 0 004.44 2c2.92 0 4.67-1.7 5.23-5.1l3.5.71a10.34 10.34 0 01-2.47 5.27zm20.48.75a11.68 11.68 0 01-6.63 1.75 15.52 15.52 0 01-8.26-2.08L424 51l3.26.33-.1 2.74a7 7 0 002.06.66 12.63 12.63 0 002.19.19 8.68 8.68 0 003.66-.75 2.5 2.5 0 001.63-2.36 2.25 2.25 0 00-1.32-2.2 12.65 12.65 0 00-3.28-1 47.39 47.39 0 01-3.9-.82 7.5 7.5 0 01-3.25-1.7 4.67 4.67 0 01-1.33-3.66c0-2.36.88-4 2.62-4.91a12 12 0 015.6-1.37 15 15 0 014.08.55 16.65 16.65 0 013.47 1.39l.47 5.1-3.3.37-.48-3.3a9.5 9.5 0 00-4.06-.9 5.62 5.62 0 00-2.87.66 2.33 2.33 0 00-1.15 2.25 2.13 2.13 0 001.3 2.07 11.91 11.91 0 003.21.92 36.69 36.69 0 013.82.83 7.46 7.46 0 013.21 1.74 4.9 4.9 0 011.3 3.73 5.56 5.56 0 01-2.66 4.91z">
                            </path>
                            <path
                                d="M181.17 30.75h-5.71v23.31h5.71q5.47 0 8.36-3t2.88-8.61q0-5.43-2.88-8.55t-8.36-3.15zM121.63 119.32V81.74h114.91v37.58zM153.22 109h-2v-6.85a4.8 4.8 0 00-1.58-4 5.57 5.57 0 00-3.55-1.26 5 5 0 00-4.92 3.26 4.19 4.19 0 00-1.88-2.46 5.82 5.82 0 00-3-.8 4.89 4.89 0 00-4.56 2.56v-2.21h-6.28v3.26h2v8.5h-2v3.23h9.11V109h-2.86v-5.25a4.4 4.4 0 01.69-2.56 2.47 2.47 0 012.21-1q2.57 0 2.56 3.63v8.41h6.29V109h-2v-5.25a4.47 4.47 0 01.67-2.56 2.42 2.42 0 012.19-1q2.63 0 2.63 3.63v8.41h6.28zm9.88-12.07q-4 0-6 2.36a8.41 8.41 0 00-2 5.66 7.25 7.25 0 002.17 5.62 8 8 0 005.65 2 8.54 8.54 0 005.94-2.11 7.27 7.27 0 002.34-5.67 8.21 8.21 0 00-2-5.51q-2.07-2.34-6.1-2.34zm-.1 12.35a3 3 0 01-2.63-1.33 5.68 5.68 0 01-.9-3.26 5 5 0 011-3.28 3.23 3.23 0 012.61-1.18 3.5 3.5 0 012.59 1.08 4.56 4.56 0 011.07 3.31 5.21 5.21 0 01-1 3.41 3.33 3.33 0 01-2.74 1.25zm25-2.3l-3.39-.29-.7 2.32H179l8.32-9.54-.32-2.23h-13.19l-.53 5.25 3.16.34.67-2.36h4.65l-8.25 9.53.44 2.26h13.13zm7.62-9.74h-4.46v5.39h4.46zm0 9.61h-4.46v5.39h4.46zm13.54-17.49h-4.23l-6.48 22.88h4.22zm8.68 0h-4.23l-6.45 22.88h4.19zm15 22.51l-.07-2.26a1.22 1.22 0 01-.56.1c-.69 0-1-.39-1-1.16v-6.49a4.39 4.39 0 00-1.8-3.84 7 7 0 00-4.16-1.28 14.55 14.55 0 00-3.16.3 24.14 24.14 0 00-3.29 1.06l-.56 3.46 3.39.4.5-1.69a2.78 2.78 0 011.08-.37 11.3 11.3 0 011.25-.07c1.19 0 1.89.37 2.09 1.1a8.55 8.55 0 01.3 2.26v.5a8.91 8.91 0 00-1.18-.11h-1.21a12.64 12.64 0 00-4.81.88 3.53 3.53 0 00-2.18 3.64 3.66 3.66 0 001.48 3.33 5.63 5.63 0 003.11 1 4.67 4.67 0 003-.91 6.78 6.78 0 001.8-2 3 3 0 003.33 3 5.54 5.54 0 002.66-.85zm-9.25-2.32a1.69 1.69 0 01-1.36-.52 1.81 1.81 0 01-.43-1.21 1.67 1.67 0 01.86-1.68 4.63 4.63 0 012-.42 7.69 7.69 0 011.07.07l1.06.13a3.58 3.58 0 01-1.08 2.74 3.24 3.24 0 01-2.11.89z">
                            </path>
                        </svg></a></div>
                <ul class="link-list-mdn">
                    <li><a href="/zh-CN/docs/Web">Web Technologies</a></li>
                    <li><a href="/zh-CN/docs/Learn">Learn Web Development</a></li>
                    <li><a href="/zh-CN/docs/MDN/About">About MDN</a></li>
                    <li><a href="/zh-CN/docs/MDN/Feedback">Feedback</a></li>
                </ul>
                <ul class="link-list-moz">
                    <li><a href="https://www.mozilla.org/about/" target="_blank" rel="noopener noreferrer">About</a>
                    </li>
                    <li><a href="https://shop.spreadshirt.com/mdn-store/" target="_blank" rel="noopener noreferrer">MDN
                            Web Docs Store</a></li>
                    <li><a href="https://www.mozilla.org/contact/" target="_blank" rel="noopener noreferrer">Contact
                            Us</a></li>
                    <li><a href="https://www.mozilla.org/firefox/?utm_source=developer.mozilla.org&amp;utm_campaign=footer&amp;utm_medium=referral"
                            target="_blank" rel="noopener noreferrer">Firefox</a></li>
                </ul>
                <div class="social social-mdn">
                    <h4>MDN</h4>
                    <ul>
                        <li><a class="social-icon twitter" href="https://twitter.com/mozdevnet" target="_blank"
                                rel="noopener noreferrer"><span class="visually-hidden">MDN on Twitter</span></a></li>
                        <li><a class="social-icon github" href="https://github.com/mdn/" target="_blank"
                                rel="noopener noreferrer"><span class="visually-hidden">MDN on Github</span></a></li>
                    </ul>
                </div>
                <div class="social social-moz">
                    <h4>Mozilla</h4>
                    <ul>
                        <li><a class="social-icon twitter" href="https://twitter.com/mozilla" target="_blank"
                                rel="noopener noreferrer"><span class="visually-hidden">Mozilla on Twitter</span></a>
                        </li>
                        <li><a class="social-icon instagram" href="https://www.instagram.com/mozillagram/"
                                target="_blank" rel="noopener noreferrer"><span class="visually-hidden">Mozilla on
                                    Instagram</span></a></li>
                    </ul>
                </div>
                <p id="license" class="footer-license">© 2005-
                    <!-- -->2021
                    <!-- --> Mozilla and individual contributors. Content is available under
                    <!-- --> <a href="/docs/MDN/About#Copyrights_and_licenses">these licenses</a>.</p>
                <ul class="footer-legal">
                    <li><a href="https://www.mozilla.org/about/legal/terms/mozilla" target="_blank"
                            rel="noopener noreferrer">Terms</a></li>
                    <li><a href="https://www.mozilla.org/privacy/websites/" target="_blank"
                            rel="noopener noreferrer">Privacy</a></li>
                    <li><a href="https://www.mozilla.org/privacy/websites/#cookies" target="_blank"
                            rel="noopener noreferrer">Cookies</a></li>
                </ul>
            </div>
        </footer>
        <div class="page-overlay hidden"></div>
    </div>
    <script type="application/json" id="hydration">
        {
            "doc": {
                "isMarkdown": false,
                "isTranslated": true,
                "isActive": true,
                "flaws": {},
                "title": "HTML（超文本标记语言）",
                "mdn_url": "/zh-CN/docs/Web/HTML",
                "locale": "zh-CN",
                "native": "中文 (简体)",
                "sidebarHTML": "\n <ol>\n  <li><a href=\"/zh-CN/docs/Web/HTML\"><strong><em>HTML</em></strong></a></li>\n  <li><strong>Tutorials:</strong></li>\n  <li><a href=\"/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics\">HTML basics</a></li>\n  <li class=\"toggle\">\n    <details>\n      <summary>Introduction to HTML</summary>\n      <ol>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML\">Introduction to HTML overview</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started\">Getting started with HTML</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML\">What's in the head? Metadata in HTML</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals\">HTML text fundamentals</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks\">Creating hyperlinks</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting\">Advanced text formatting</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure\">Document and website structure</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML\">Debugging HTML</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter\">Assessment: Marking up a letter</a></li>\n          <li><a href=\"/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content\">Assessment: Structuring a page of content</a></li>\n      </ol>\n    </details>\n  </li>\n  <li class=\"toggle\">\n    <details>\n      <summary>Multimedia and embedding</summary>\n      <ol>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding\">Multimedia and embedding overview</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML\">Images in HTML</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content\">Video and audio content</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies\">From object to iframe — other embedding technologies</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web\">Adding vector graphics to the Web</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">Responsive images</a></li>\n        <li><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page\">Assessment: Mozilla splash page</a></li>\n      </ol>\n    </details>\n  </li>\n  <li><strong><a href=\"/zh-CN/docs/Web/HTML/Reference\">References:</a></strong></li>\n  <li class=\"toggle\">\n    <details>\n      <summary>HTML elements</summary>\n      <ol><li><a href=\"/zh-CN/docs/Web/HTML/Element/a\"><code>&lt;a&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/abbr\"><code>&lt;abbr&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/acronym\"><code>&lt;acronym&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/address\"><code>&lt;address&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/applet\"><code>&lt;applet&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/area\"><code>&lt;area&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/article\"><code>&lt;article&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/aside\"><code>&lt;aside&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/b\"><code>&lt;b&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/base\"><code>&lt;base&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/basefont\"><code>&lt;basefont&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/bdi\"><code>&lt;bdi&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/bdo\"><code>&lt;bdo&gt;</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/bgsound\"><code>&lt;bgsound&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/big\"><code>&lt;big&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/blink\"><code>&lt;blink&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/blockquote\"><code>&lt;blockquote&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/body\"><code>&lt;body&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/br\"><code>&lt;br&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/canvas\"><code>&lt;canvas&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/caption\"><code>&lt;caption&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/center\"><code>&lt;center&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/cite\"><code>&lt;cite&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/code\"><code>&lt;code&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/col\"><code>&lt;col&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/colgroup\"><code>&lt;colgroup&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/content\"><code>&lt;content&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/data\"><code>&lt;data&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/datalist\"><code>&lt;datalist&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/dd\"><code>&lt;dd&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/del\"><code>&lt;del&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/details\"><code>&lt;details&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/dfn\"><code>&lt;dfn&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/dialog\"><code>&lt;dialog&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/dir\"><code>&lt;dir&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/div\"><code>&lt;div&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/dl\"><code>&lt;dl&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/dt\"><code>&lt;dt&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/em\"><code>&lt;em&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/embed\"><code>&lt;embed&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/fieldset\"><code>&lt;fieldset&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/figcaption\"><code>&lt;figcaption&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/figure\"><code>&lt;figure&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/font\"><code>&lt;font&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/footer\"><code>&lt;footer&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/frame\"><code>&lt;frame&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/frameset\"><code>&lt;frameset&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/head\"><code>&lt;head&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/header\"><code>&lt;header&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/Heading_Elements\"><code>&lt;h1&gt;</code></a></li><li><svg class=\"icon icon-experimental\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-experimental\"></use>\n</svg><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/hgroup\"><code>&lt;hgroup&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/hr\"><code>&lt;hr&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/html\"><code>&lt;html&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/i\"><code>&lt;i&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/iframe\"><code>&lt;iframe&gt;</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/image\"><code>&lt;image&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/ins\"><code>&lt;ins&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/kbd\"><code>&lt;kbd&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/keygen\"><code>&lt;keygen&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/label\"><code>&lt;label&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/legend\"><code>&lt;legend&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/li\"><code>&lt;li&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/link\"><code>&lt;link&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/main\"><code>&lt;main&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/map\"><code>&lt;map&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/mark\"><code>&lt;mark&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/marquee\"><code>&lt;marquee&gt;</code></a></li><li><svg class=\"icon icon-experimental\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-experimental\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/menu\"><code>&lt;menu&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/menuitem\"><code>&lt;menuitem&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/meta\"><code>&lt;meta&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/meter\"><code>&lt;meter&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/nav\"><code>&lt;nav&gt;</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/nobr\"><code>&lt;nobr&gt;</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/noembed\"><code>&lt;noembed&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/noframes\"><code>&lt;noframes&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/noscript\"><code>&lt;noscript&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/object\"><code>&lt;object&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/ol\"><code>&lt;ol&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/optgroup\"><code>&lt;optgroup&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/option\"><code>&lt;option&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/output\"><code>&lt;output&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/p\"><code>&lt;p&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/param\"><code>&lt;param&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/picture\"><code>&lt;picture&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/plaintext\"><code>&lt;plaintext&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/portal\"><code>&lt;portal&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/pre\"><code>&lt;pre&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/progress\"><code>&lt;progress&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/q\"><code>&lt;q&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/rb\"><code>&lt;rb&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/rp\"><code>&lt;rp&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/rt\"><code>&lt;rt&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/rtc\"><code>&lt;rtc&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/ruby\"><code>&lt;ruby&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/s\"><code>&lt;s&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/samp\"><code>&lt;samp&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/script\"><code>&lt;script&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/section\"><code>&lt;section&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/select\"><code>&lt;select&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/shadow\"><code>&lt;shadow&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/slot\"><code>&lt;slot&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/small\"><code>&lt;small&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/spacer\"><code>&lt;spacer&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/span\"><code>&lt;span&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/strike\"><code>&lt;strike&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/strong\"><code>&lt;strong&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/style\"><code>&lt;style&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/sub\"><code>&lt;sub&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/summary\"><code>&lt;summary&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/sup\"><code>&lt;sup&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/tbody\"><code>&lt;tbody&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/td\"><code>&lt;td&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/template\"><code>&lt;template&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/textarea\"><code>&lt;textarea&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/tfoot\"><code>&lt;tfoot&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/thead\"><code>&lt;thead&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/time\"><code>&lt;time&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/title\"><code>&lt;title&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/tr\"><code>&lt;tr&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/track\"><code>&lt;track&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/tt\"><code>&lt;tt&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/u\"><code>&lt;u&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/ul\"><code>&lt;ul&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/var\"><code>&lt;var&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/wbr\"><code>&lt;wbr&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/xmp\"><code>&lt;xmp&gt;</code></a></li></ol>\n    </details>\n  </li>\n  <li class=\"toggle\">\n    <details>\n      <summary>Global attributes</summary>\n      <ol><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/accesskey\"><code>accesskey</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/autocapitalize\"><code>autocapitalize</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/autofocus\"><code>autofocus</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/class\"><code>class</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/contenteditable\"><code>contenteditable</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/contextmenu\"><code>contextmenu</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/data-*\"><code>data-*</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/dir\"><code>dir</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/draggable\"><code>draggable</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/enterkeyhint\"><code>enterkeyhint</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/hidden\"><code>hidden</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/id\"><code>id</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/inputmode\"><code>inputmode</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/is\"><code>is</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/itemid\"><code>itemid</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/itemprop\"><code>itemprop</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/itemref\"><code>itemref</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/itemscope\"><code>itemscope</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/itemtype\"><code>itemtype</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/lang\"><code>lang</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/nonce\"><code>nonce</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/part\"><code>part</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/slot\"><code>slot</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/spellcheck\"><code>spellcheck</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/style\"><code>style</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/tabindex\"><code>tabindex</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/title\"><code>title</code></a></li><li><svg class=\"icon icon-experimental\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-experimental\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/translate\"><code>translate</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/x-ms-acceleratorkey\"><code>x-ms-acceleratorkey</code></a></li><li><svg class=\"icon icon-nonstandard\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-nonstandard\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Global_attributes/x-ms-format-detection\"><code>x-ms-format-detection</code></a></li></ol>\n    </details>\n  </li>\n  <li class=\"toggle\">\n    <details>\n      <summary><code>&lt;input&gt;</code> types</summary>\n      <ol><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/button\"><code>&lt;input type=\"button\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/checkbox\"><code>&lt;input type=\"checkbox\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/color\"><code>&lt;input type=\"color\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/date\"><code>&lt;input type=\"date\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/datetime-local\"><code>&lt;input type=\"datetime-local\"&gt;</code></a></li><li><svg class=\"icon icon-deprecated\" tabindex=\"0\">\n    <use xlink:href=\"/assets/badges.svg#icon-deprecated\"></use>\n</svg><a href=\"/zh-CN/docs/Web/HTML/Element/input/datetime\"><code>&lt;input type=\"datetime\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/email\"><code>&lt;input type=\"email\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/file\"><code>&lt;input type=\"file\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/hidden\"><code>&lt;input type=\"hidden\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/image\"><code>&lt;input type=\"image\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/month\"><code>&lt;input type=\"month\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/number\"><code>&lt;input type=\"number\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/password\"><code>&lt;input type=\"password\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/radio\"><code>&lt;input type=\"radio\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/range\"><code>&lt;input type=\"range\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/reset\"><code>&lt;input type=\"reset\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/search\"><code>&lt;input type=\"search\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/submit\"><code>&lt;input type=\"submit\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/tel\"><code>&lt;input type=\"tel\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/text\"><code>&lt;input type=\"text\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/time\"><code>&lt;input type=\"time\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/url\"><code>&lt;input type=\"url\"&gt;</code></a></li><li><a href=\"/zh-CN/docs/Web/HTML/Element/input/week\"><code>&lt;input type=\"week\"&gt;</code></a></li></ol>\n    </details>\n  </li>\n  <li><strong><a href=\"/zh-CN/docs/MDN\">Documentation:</a></strong></li>\n  <li class=\"toggle\">\n    <details>\n      <summary>Useful lists</summary>\n      <li><a href=\"/zh-CN/docs/Web/HTML/Index\">All pages index</a></li>\n    </details>\n  </li>\n  <li class=\"toggle\">\n    <details>\n      <summary>Contribute</summary>\n      <ol>\n        <li><a href=\"/zh-CN/docs/MDN\">The MDN project</a></li>\n      </ol>\n    </details>\n  </li>\n </ol>\n",
                "body": [{
                    "type": "prose",
                    "value": {
                        "id": "Tools",
                        "title": "初学者教程",
                        "isH3": false,
                        "content": "<p></p><p></p>\n\n<p class=\"summary\"><span class=\"seoSummary\"><strong>HTML</strong>（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如&nbsp;<a href=\"/zh-CN/docs/Web/CSS\">CSS</a>），或功能与行为（如&nbsp;<a href=\"/zh-CN/docs/Web/JavaScript\">JavaScript</a>）。</span></p>\n\n<p>“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。</p>\n\n<p>HTML 使用“标记”（markup）来注明文本、图片和其他内容，以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <a href=\"/zh-CN/docs/Web/HTML/Element/head\"><code>&lt;head&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/title\"><code>&lt;title&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/body\"><code>&lt;body&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/header\"><code>&lt;header&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/footer\"><code>&lt;footer&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/article\"><code>&lt;article&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/section\"><code>&lt;section&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/p\"><code>&lt;p&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/div\"><code>&lt;div&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/span\"><code>&lt;span&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/aside\"><code>&lt;aside&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/canvas\"><code>&lt;canvas&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/datalist\"><code>&lt;datalist&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/details\"><code>&lt;details&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/embed\"><code>&lt;embed&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/nav\"><code>&lt;nav&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/output\"><code>&lt;output&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/progress\"><code>&lt;progress&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a>&nbsp;等等等等。</p>\n\n<p>HTML 元素通过“标签”（tag）将文本从文档中引出，标签由在“<code>&lt;</code>”和“<code>&gt;</code>”中包裹的元素名组成，HTML 标签里的元素名不区分大小写。也就是说，它们可以用大写，小写或混合形式书写。例如，<code>&lt;title&gt;</code> 标签可以写成 <code>&lt;Title&gt;</code>，<code>&lt;TITLE&gt;</code> 或以任何其他方式。</p>\n\n<p>下面的文章会帮助你更好地了解 HTML：</p>\n\n<section class=\"cleared\" id=\"sect1\">\n<ul class=\"card-grid\">\n <li><span>HTML 介绍</span>\n\n  <p>如果您是 Web 开发新手，请务必阅读我们的&nbsp;<a href=\"/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics\">HTML 基础</a> 文章来了解什么是 HTML 以及如何使用它。</p>\n </li>\n <li><span>HTML 教程</span>\n  <p>关于如何使用 HTML 的文章，教程和完整的示例，查看我们的&nbsp;<a href=\"/zh-CN/docs/learn/HTML\">HTML 学习区</a>。</p>\n </li>\n <li><span>HTML 参考</span>\n  <p>在我们丰富的&nbsp;<a href=\"/zh-CN/docs/Web/HTML/Reference\">HTML 参考</a> 部分中，你可以找到在 HTML 中每一个元素和属性的详细信息。</p>\n </li>\n</ul>\n\n<div class=\"row topicpage-table\">\n<div class=\"section\">\n\n\n<p>我们的&nbsp;<a href=\"/zh-CN/docs/learn/HTML\">HTML 学习区</a> 含有许多富有特色的模块，学习者可以在没有任何先前经验的情况下从零开始，掌握 HTML。</p>\n\n<dl>\n <dt><a href=\"/zh-CN/docs/learn/HTML/Introduction_to_HTML\">HTML 介绍</a></dt>\n <dd>这一模块将为你打下基础，并为进一步的学习铺平道路。在这里，你将掌握一些重要的概念和语法，学习如何将 HTML 用于文本、如何创建超链接以及运用 HTML 去构建一个网页。</dd>\n <dt><a href=\"/zh-CN/docs/Learn/HTML/Multimedia_and_embedding\">多媒体与嵌入内容</a></dt>\n <dd>这个模块将带领你探索如何使用 HTML 在你的网页中包含多媒体内容，包括通过许多不同的方式嵌入图片，以及如何嵌入视频、音频甚至整个其他网页。</dd>\n <dt><a href=\"/zh-CN/docs/Learn/HTML/Tables\">HTML 表格</a></dt>\n <dd>如何用可理解并易于访问的形式在网页中展示表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格标记，以及一些更复杂的特性，比如实现标题和总结等。</dd>\n <dt><a href=\"/zh-CN/docs/Learn/Forms\">HTML 表单</a></dt>\n <dd>表单是构成 Web 世界的重要组成部分——它们提供了大量你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将引导你建立一个客户端／前端部分的表单。</dd>\n <dt><a href=\"/zh-CN/docs/learn/HTML/Howto\">用 HTML 解决常见问题</a></dt>\n <dd>该部分提供了一些链接，它们指向那些你在构建 Web 页面的过程中最常见的问题的解决方法：如何处理网页标题、添加图片或视频、强调某些内容、建立基本的表单等。</dd>\n</dl>\n\n<h2 id=\"高级主题\">高级主题</h2>\n\n<dl>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/CORS_enabled_image\">CORS 处理跨域图片</a></dt>\n <dd class=\"landingPageList\">通过搭配 <a href=\"/zh-CN/docs/Web/HTML/Element/img#attr-crossorigin\"><code>crossorigin</code></a> 属性和适当的&nbsp;<a href=\"/zh-CN/docs/Glossary/CORS\">CORS</a> 标头，在 <a href=\"/zh-CN/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a> 元素中定义的图片可以从外部来源加载并在 <a href=\"/zh-CN/docs/Web/HTML/Element/canvas\"><code>&lt;canvas&gt;</code></a> 元素中使用，就像是从本地源加载一样。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Attributes/crossorigin\">CORS 设置属性</a></dt>\n <dd class=\"landingPageList\">一些提供了对&nbsp;<a href=\"/zh-CN/docs/Web/HTTP/CORS\">CORS</a>&nbsp;的支持的 HTML 元素，比如 <a href=\"/zh-CN/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a> 或 <a href=\"/zh-CN/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a> ，具有 <code>crossorigin</code> 元素属性／attribute （<code>crossOrigin</code> 对象属性／property），该属性能使你配置其跨域获取资源的请求。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/conflicting/Web/API/Document/hasFocus\">HTML 中的焦点管理</a></dt>\n <dd class=\"landingPageList\">DOM 属性 <code><a href=\"/zh-CN/docs/Web/API/Document/activeElement\">activeElement</a></code> 以及 DOM 方法 <code><a href=\"/zh-CN/docs/Web/API/Document/hasFocus\">hasFocus()</a></code> 可以帮助你跟踪并控制用户在网页中与各种元素的交互行为。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/orphaned/Web/HTML/Preloading_content\">使用 rel=\"preload\" 预加载页面内容</a></dt>\n <dd class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Element/link\"><code>&lt;link&gt;</code></a> 元素的 <a href=\"/zh-CN/docs/Web/HTML/Element/link#attr-rel\"><code>rel</code></a> 属性的值&nbsp;<code>preload</code> 允许你在 HTML 的 <a href=\"/zh-CN/docs/Web/HTML/Element/head\"><code>&lt;head&gt;</code></a> 部分声明一些（资源）获取请求，以指定那些在页面加载后即刻需要的资源。因此在浏览器的主渲染机制介入前，这些资源会在页面加载生命周期的早期阶段进行预加载。这样可以保证这些资源可被更早使用并减少阻塞页面初次渲染的可能性，从而提升性能。这篇文章提供了关于&nbsp;<code>preload</code>&nbsp;作用机制的基本指导。</dd>\n</dl>\n</div>\n\n<div class=\"section\">\n<h2 class=\"Documentation\" id=\"Documentation\" name=\"Documentation\">参考</h2>\n\n<dl>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Reference\">HTML 参考</a></dt>\n <dd class=\"landingPageList\">HTML 由<strong>元素</strong>组成，每个元素都可以被多个<strong>属性</strong>修饰。HTML 文档通过<a href=\"/zh-CN/docs/Web/HTML/Link_types\">链接</a>相互连接。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Element\">HTML 元素参考</a></dt>\n <dd class=\"landingPageList\">浏览完整的&nbsp;<a class=\"glossaryLink\" href=\"/zh-CN/docs/Glossary/HTML\">HTML</a>&nbsp;<a class=\"glossaryLink\" href=\"/zh-CN/docs/Glossary/Element\">元素</a>列表。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Attributes\">HTML 属性参考</a></dt>\n <dd class=\"landingPageList\">HTML 元素都含有<strong>元素属性</strong>。这些额外的属性值可以通过各种途径对元素进行配置或调整其行为。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Global_attributes\">全局属性</a></dt>\n <dd class=\"landingPageList\">全局属性可以在所有&nbsp;<a href=\"/zh-CN/docs/Web/HTML/Element\">HTML 元素</a>上进行设置<em>，包括那些没有在相关标准中出现的元素</em>。这意味着即使这些元素使得文档并不符合 HTML5 标准，它们也必须允许这些属性。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Inline_elements\">内联元素</a>和<a href=\"/zh-CN/docs/Web/HTML/Block-level_elements\">块级元素</a></dt>\n <dd class=\"landingPageList\">HTML 元素通常是\"内联\"或\"块级\"元素。一个内联元素仅会占用由定义它的标签所包裹起来的空间。而一个块级元素将会占用其父元素（容器）的全部空间，也就是创建一个“块”。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Link_types\">链接类型</a></dt>\n <dd class=\"landingPageList\">在 HTML 中，各种各样的链接类型被用来确立和定义两个文档之间的关系。可以设置链接类型的链接元素包括 <a href=\"/zh-CN/docs/Web/HTML/Element/a\"><code>&lt;a&gt;</code></a>，<a href=\"/zh-CN/docs/Web/HTML/Element/area\"><code>&lt;area&gt;</code></a>，和 <a href=\"/zh-CN/docs/Web/HTML/Element/link\"><code>&lt;link&gt;</code></a> 。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/conflicting/Web/Media/Formats\">HTML 的 audio 与 video 元素所支持的媒体格式</a></dt>\n <dd class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a> 和 <a href=\"/zh-CN/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a> 元素允许你播放音频和视频媒体。这些元素提供了一个浏览器原生的对于 Adobe Flash 和其他插件的替代品。</dd>\n <dt class=\"landingPageList\"><a href=\"/zh-CN/docs/Web/Guide/HTML/Content_categories\">&nbsp;HTML 内容种类</a></dt>\n <dd class=\"landingPageList\">HTML 包含了几种内容，每种内容在特定的情景上下文中有效，而在其他上下文中无效。每种内容也指定了可以被它们包含的类别，以及可以或不可以在其中使用的元素。这里提供了一个关于这些类别的说明。</dd>\n <dt><a href=\"/zh-CN/docs/Web/HTML/Quirks_Mode_and_Standards_Mode\">怪异模式和标准模式</a></dt>\n <dd>关于怪异模式和标准模式的历史信息。</dd>\n</dl>\n\n<h2 class=\"landingPageList\" id=\"相关主题\">相关主题</h2>\n\n<dl>\n <dt><a href=\"/zh-CN/docs/Web/HTML/Applying_color\">使用 CSS 为 HTML 元素应用颜色</a></dt>\n <dd>这篇文章涵盖了大多数使用 CSS 为 HTML 内容增加颜色的方式，并列举了 HTML 文档里哪些部分可以进行上色以及这一操作需要使用哪些 CSS 属性。它包含了一些示例，配色建构工具的链接，以及其他内容。</dd>\n</dl>\n</div>\n</div>\n</section>"
                    }
                }],
                "toc": [{
                    "text": "初学者教程",
                    "id": "Tools"
                }],
                "summary": "HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。",
                "popularity": 0.0249,
                "modified": "2021-07-09T00:38:08.000Z",
                "other_translations": [{
                    "title": "HTML: HyperText Markup Language",
                    "locale": "de",
                    "native": "Deutsch"
                }, {
                    "title": "HTML: HyperText Markup Language",
                    "locale": "en-US",
                    "native": "English (US)"
                }, {
                    "title": "HTML: Lenguaje de etiquetas de hipertexto",
                    "locale": "es",
                    "native": "Español"
                }, {
                    "title": "HTML (HyperText Markup Language)",
                    "locale": "fr",
                    "native": "Français"
                }, {
                    "title": "HTML: HyperText Markup Language",
                    "locale": "ja",
                    "native": "日本語"
                }, {
                    "title": "HTML: Hypertext Markup Language",
                    "locale": "ko",
                    "native": "한국어"
                }, {
                    "title": "HTML",
                    "locale": "pl",
                    "native": "Polski"
                }, {
                    "title": "HTML: Linguagem de Marcação de Hipertexto",
                    "locale": "pt-BR",
                    "native": "Português (do Brasil)"
                }, {
                    "title": "HTML",
                    "locale": "ru",
                    "native": "Русский"
                }, {
                    "title": "HTML：超文本標記語言",
                    "locale": "zh-TW",
                    "native": "正體中文 (繁體)"
                }],
                "source": {
                    "folder": "zh-cn/web/html",
                    "github_url": "https://github.com/mdn/translated-content/blob/main/files/zh-cn/web/html/index.html",
                    "last_commit_url": "https://github.com/mdn/translated-content/commit/235c34993c7b14f783fc8259cc237ac09f0d3e57",
                    "filename": "index.html"
                },
                "parents": [{
                    "uri": "/zh-CN/docs/Web",
                    "title": "Web 开发技术"
                }, {
                    "uri": "/zh-CN/docs/Web/HTML",
                    "title": "HTML（超文本标记语言）"
                }],
                "pageTitle": "HTML（超文本标记语言） | MDN",
                "noIndexing": false
            }
        }
    </script>
</body>
</html>